#sketch {
    height: 240px;
    width: 320px;
}

#animate{
    font-size: 21px;
    opacity: 0;
}
body 		{
    cursor: crosshair;
    text-align: center;
    width: 750px;
    margin: auto;
    margin-top: 15px;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    background-color: #737373;
}

html, body {min-height:100.1%}

#wrapper	{
    float: center;
    width: 750px;
    background-color: #266666;
    border: 5px solid black;
}

#logo     {
    height: 75px;
    background-color: #233333;
}

#logo h1	{
    margin: 0;
    padding: 0;
    padding-left: 20px;
    font-size: 5em;
    color: #BBBBBB;
}

#menu		{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
    width: 741px;
    text-align: left;
    background-color: #660000;
    padding: 5px;
    font-size: 13px;
}

#menu a     {
    color: #34CC00;
    background-color: #1A600;
    text-decoration: none;
}

#fixed
{
    border: 2px solid black;
    margin: auto;
    text-align: center;
    float: center;
    height: 240px;
    width: 320px;
    background:#266666;
}

.button{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 6px 20px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #bbb;
    overflow: visible;
    font: bold 13px arial, helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #555;
    background-color: #ddd;
    background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)), url([...]QmCC);
    transition: background-color .2s ease-out;
    background-clip: padding-box; /* Fix bleeding */
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
}

.button:hover{
    background-color: #eee;
    color: #555;
}

.button:active{
    background: #e9e9e9;
    position: relative;
    top: 1px;
    text-shadow: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}

.button.small{
    padding: 4px 12px;
}

.button.large{
    padding: 12px 30px;
    text-transform: uppercase;
}

.button.large:active{
    top: 2px;
}

.button.color{
    color: black;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    background-image: linear-gradient(top, rgba(255,255,255,.3),rgba(255,255,255,0)),url([...]QmCC);
}

.button.green{
    background-color: LawnGreen;
    border-color: LawnGreen;
}

.button.green:hover{
    background-color: LimeGreen;
}

.button.green:active{
    background: Lime;
}

.button.red{
    background-color: crimson;
    border-color: crimson;
}

.button.red:hover{
    background-color: firebrick;
}

.button.red:active{
    background: red;
}

.button.pink{
    background-color: hotpink;
    border-color: hotpink;
}

.button.pink:hover{
    background-color: mediumvioletred;
}

.button.pink:active{
    background: deeppink;
}

.button.blue{
    background-color: blue;
    border-color: blue;
}

.button.blue:hover{
    background-color: darkblue;
}

.button.blue:active{
    background: mediumblue;
}

.button.orange{
    background-color: Orange;
    border-color: Orange;
}

.button.orange:hover{
    background-color: DarkOrange;
}

.button.orange:active{
    background: OrangeRed;
}

.button.yellow{
    background-color: gold;
    border-color: gold;
}

.button.yellow:hover{
    background-color: goldenrod;
}

.button.yellow:active{
    background: yellow;
}

.button.violet{
    background-color: BlueViolet;
    border-color: BlueViolet;
}

.button.violet:hover{
    background-color: DarkOrchid;
}

.button.violet:active{
    background: DarkViolet;
}

.button.brown{
    background-color: Sienna;
    border-color: Sienna;
}

.button.brown:hover{
    background-color: SaddleBrown;
}

.button.brown:active{
    background: Brown;
}

.button.white{
    background-color: AntiqueWhite;
    border-color: AntiqueWhite;
}

.button.white:hover{
    background-color: Linen;
}

.button.white:active{
    background: LavenderBlush;
}

.button.black{
    color: white;
    background-color: DarkSlateGray;
    border-color: DarkSlateGray;
}

.button.black:hover{
    color: white;
    background-color: black;
}

.button.black:active{
    color: white;
    background: black;
}

